$(".tel_registe").css("background", "url('img/bg.png')").css("color", "#fff");
$(".table_top>li").click(function (e) {
    $(".table_top>li").css("color", "#000")
    $(".table_top>li").css("background", "")
    e.target.style.background = "url('img/bg.png')";
    e.target.style.color = "#fff";
})


//手机注册
//手机号验证
function tel() {
    $('#tel').blur(function () {
        function isPoneAvailable() {
            var mytel = /^1[34578]\d{9}$/;
            var phonenumber = $('#tel').val();

            if (!mytel.test(phonenumber)) {
                $(".tel_test").html("请输入正确的手机号格式");
                $(".tel_test").css("color", "red");
                return false;
            } else {
                $(".tel_test").html("验证成功");
                $(".tel_test").css("color", "#15dd13");

                return true;
            }
        }
        isPoneAvailable()
    })
    // 密码验证
    $('#look_pwd').blur(function () {
        var psdTest = /^[\w_-]{6,30}$/;
        var pdsnumber = $('#look_pwd').val();
        if (!psdTest.test(pdsnumber)) {
            $(".psd_test").html("密码格式为6~30位数字或字母");
            $(".psd_test").css("color", "red");
        } else {
            $(".psd_test").html("");
            return true;
        }
    })
    // 显示密码
    var flag = true;
    $('.get_look_pwd').click(function () {

        if ($('#look_pwd').val() != '') {
            if (flag == true) {
                $('#look_pwd')[0].type = 'text';
                $('.get_look_pwd').html("隐藏密码")
                flag = false;
            } else if (flag == false) {
                $('#look_pwd')[0].type = 'password';
                $('.get_look_pwd').html("显示密码")
                flag = true;
            }
        }
    })
    //名字验证
    $('#name').focus(function () {
        $('.tel_name').html("2~5个汉字");
    })
    $('#name').blur(function () {
        var nameLength = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,5}$/;
        if (!nameLength.test($('#name').val())) {
            $('.tel_name').html("填写错误，姓名为2~5个汉字").css("color", 'red');
        } else {
            $('.tel_name').html("");
        }
    })
    //身份证验证
    $('#name_id').blur(function () {
        var id_length = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        if ($('#name_id').val() == '') {
            $('.tel_idCard').html("请填写身份证号").css("color", "red");
        } else {
            if (!id_length.test($('#name_id').val())) {
                $('.tel_idCard').html("身份证号码格式不正确").css("color", "red");

            } else {
                $('.tel_idCard').html("");

            }
        }
    })
    //获取验证码
    $('.get_code').click(function (d) {
        var mytel = /^1[34578]\d{9}$/;
        var phonenumber = $('#tel').val();
        var time = 60;

        if (!mytel.test(phonenumber)) {
            $(".tel_test").html("请输入正确的手机号格式");
            $(".tel_test").css("color", "red");
        } else {
            $('.get_code').html('60秒后重新获取');
            var tel_timerId = setInterval(function () {
                time--;
                $('.get_code').html(time + '秒后重新获取');
                if (time == 0) {
                    $('.get_code').html("免费获取验证码");
                    clearInterval(tel_timerId);
                }
            }, 1000)
        }
    })
}
tel();
// 邮箱验证
function mail() {
    //邮箱验证
    $('#mail_code').blur(function () {
        var mail_normal = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
        var mymail = $(this).val();
        if (!mail_normal.test(mymail)) {
            $('.mail_txt').html("邮箱填写错误，请更正").css("color", "red");
        } else {
            $('.mail_txt').html("");
        }

    })
    //密码验证
    $('#mail_look_pwd').blur(function () {
        var psdTest = /^[\w_-]{6,30}$/;
        var pdsnumber = $('#mail_look_pwd').val();
        if (!psdTest.test(pdsnumber)) {
            $(".mail_psd").html("密码格式为6~30位数字或字母");
            $(".mail_psd").css("color", "red");
        } else {
            $(".mail_psd").html("");
        }
    })
    //名字验证
    $('#mail_name').focus(function () {
        $('.mail_name_txt').html("2~5个汉字");
    })
    $('#mail_name').blur(function () {
        var nameLength = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,5}$/;
        if (!nameLength.test($('#mail_name').val())) {
            $('.mail_name_txt').html("填写错误，姓名为2~5个汉字").css("color", 'red');
        } else {
            $('.mail_name_txt').html("");
        }
    })
    //身份证验证
    $('#mail_name_id').blur(function () {
        var id_length = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        if ($('#mail_name_id').val() == '') {
            $('.mail_idCard').html("请填写身份证号").css("color", "red");
        } else {
            if (!id_length.test($('#mail_name_id').val())) {
                $('.mail_idCard').html("身份证号码格式不正确").css("color", "red");

            } else {
                $('.mail_idCard').html("");

            }
        }
    })
}
mail();

//滑动验证
$(function(){
    $(".inner").mousedown(function(e){
        var el = $(".inner"),os = el.offset(),dx,$span=$(".outer>span"),$filter=$(".filter-box"),_differ=$(".outer").width()-el.width();
        $(document).mousemove(function(e){
            dx = e.pageX - os.left;
            if(dx<0){
                dx=0;
            }else if(dx>_differ){
                dx=_differ;
            }
            $filter.css('width',dx);
            el.css("left",dx);
        });
        $(document).mouseup(function(e){
            $(document).off('mousemove');
            $(document).off('mouseup');
            dx = e.pageX - os.left;
            if(dx<_differ){
                dx=0;
                $span.html("滑动解锁");
            }else if(dx>=_differ){
                dx=_differ;
                $(".outer").addClass("act");
                $span.html("验证通过！");
                el.html('&radic;');
            }
            $filter.css('width',dx);
            el.css("left",dx);

        })
    })
})

// TAB切换
$('.tel_registe').click(function(){
    $('.tel_form').show().siblings().hide();
})
$('.mail_registe').click(function(){
    $('.mail_form').show().siblings().hide();
})
$('.self_registe').click(function(){
    $('.self_tel_form').show().siblings().hide();
})